<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>标题</title>
    <link rel="stylesheet" href="../../vendor/bootstrap3/css/bootstrap.min.css">
</head>
<body>
<!--利用angularjs实现bootstrap3 javascript插件中collaspe折叠面板的according组件-->
<!--该练习不要自己写的，可以在angularjs的angular-ui/bootstrap模块里面找到-->
<!--https://github.com/angular-ui-->
<!--
首先分析一下结构
因为angularjs的难点在于对整个局面的一个架构
-->
<!--according插件的最外层是panel-group-->
<!--里面是3个panel，panel里面包括panel-heading 头
和panel-collapse，如果panel-collapse height为0则将它隐藏-->
<div ng-app="myApp">
    <div class="container">
        <div ng-controller="firstController">
            <kittencup-group>
                <kittencup-collapse ng-repeat="collapse in data" heading="{{collapse.title}}">
                    {{collapse.content}}
                </kittencup-collapse>
            </kittencup-group>
        </div>
    </div>
</div>
<script type="text/javascript" src="../../vendor/angular/angularjs.js"></script>
<script type="text/javascript" src="app/index.js"></script>
</body>
</html>